import React from 'react'

export default class App extends React.Component {  // 类组件 === 有状态组件 
  state = {
    address: '济南'
  }

  // constructor() {  // 构造器
  //   super()  // 超类 父类  这句话 相当于 调用了 父类的 构造器
  //   this.state = {  // 状态 state 数据
  //     address: '石家庄'
  //   }
  // }

  clickFn(e) {
    console.log(this)
  }

  render() {
    return (
      <>
        <div>我是单独文件的根组件--{this.state.address}</div>
        <button onClick={this.clickFn}>去百度</button>
      </>
    )
  }
}

// function App() {   // （函数组件 === 无状态组件） （状态=== 数据)
//   function clickFn() {
//     console.log('i am teacher--- 王启年')
//   }
//   return (
//     <>
//       <div>我是单独文件的根组件1111</div>
//       <button onClick={clickFn}>按钮</button>
//     </>
//   )
// }
// export default App